<!DOCTYPE HTML>
<html>
	<head>
		<title>自定义滚动条</title>
		<meta charset="utf-8">
		<style>
			#div1{
				width:800px;
				height:20px;
				position: relative;
				background: #ccc;
				margin:20px auto;
			}
			#div2{
				width:20px;
				height:20px;
				background: red;
				position: absolute;
			}
			#div{
				width:450px;
				height:450px;
				position: relative;
				overflow: hidden;
				border:1px solid green;
			}
			#div3{
				/*filter:alpha(opacity:0);
				opacity: 0;*/
				padding:10px;
				position:absolute;

			}
		</style>
		<script>
			window.onload=function(){
				var oDiv=document.getElementById('div');
				var oDiv1=document.getElementById('div1');
				var oDiv2=document.getElementById('div2');
				var oDiv3=document.getElementById('div3');
				var disx=0;
				oDiv2.onmousedown=function(ev){
					var oEvent=ev||event;
					disx=oEvent.clientX-oDiv2.offsetLeft;
					document.onmousemove=function(ev){
						var oEvent=ev||event;
						var l=oEvent.clientX-disx;
						if(l<0)
						{
							l=0;
						}
						else if(l>oDiv1.offsetWidth-oDiv2.offsetWidth)
						{
							l=oDiv1.offsetWidth-oDiv2.offsetWidth;
						}
							oDiv2.style.left=l+'px';
						var scale=l/(oDiv1.offsetWidth-oDiv2.offsetWidth);
						//逐步放大div
						/*oDiv3.style.width=400*scale+'px';
						oDiv3.style.height=400*scale+'px';*/
						//
						//淡入淡出
						/*oDiv3.style.filter='alpha(opacity:'+scale*100+')';
						oDiv3.style.opacity=scale;*/
						//文字向上移动
						oDiv3.style.top=-scale*(oDiv3.offsetHeight-oDiv.offsetHeight)+'px';
					
					};
					
					document.onmouseup=function(){
						document.onmousemove=null;
						document.onmouseup=null;
					};

					return false;
				};
				
			}
		</script>
	</head>
	<body>
		<div id="div1">
			<div id="div2"></div>
		</div>
		<div id="div">
		<div id="div3">
			原标题：中国船员在秘鲁被拖欠工资问题已妥善解决
　　在中国驻秘鲁大使馆的积极斡旋及青岛市外办等国内有关部门大力推动下，在秘鲁近海作业的51名中国船员长期被拖欠工资问题近日已获妥善解决，首批回国的18名船员11日晚从秘鲁首都利马登机启程回国。
　　1月中旬，中国驻秘鲁大使馆领事部得知，在秘鲁西北部港口城市钦博特附近海域工作的一批中国籍船员工资拖欠近一年得不到解决，合同到期船员也没有被安排回国，船员多次联系国内派出部门解决未果。
　　这批滞留在秘鲁的中国船员共有52名，其中35人在“大满载”号冷冻加工船工作，其余36人分属6艘捕鱼船，年龄最小的船员只有20岁。（记者贾安平）
原标题：中国船员在秘鲁被拖欠工资问题已妥善解决
　　在中国驻秘鲁大使馆的积极斡旋及青岛市外办等国内有关部门大力推动下，在秘鲁近海作业的51名中国船员长期被拖欠工资问题近日已获妥善解决，首批回国的18名船员11日晚从秘鲁首都利马登机启程回国。
　　1月中旬，中国驻秘鲁大使馆领事部得知，在秘鲁西北部港口城市钦博特附近海域工作的一批中国籍船员工资拖欠近一年得不到解决，合同到期船员也没有被安排回国，船员多次联系国内派出部门解决未果。
　　这批滞留在秘鲁的中国船员共有52名，其中35人在“大满载”号冷冻加工船工作，其余36人分属6艘捕鱼船，年龄最小的船员只有20岁。（记者贾安平）
原标题：中国船员在秘鲁被拖欠工资问题已妥善解决
　　在中国驻秘鲁大使馆的积极斡旋及青岛市外办等国内有关部门大力推动下，在秘鲁近海作业的51名中国船员长期被拖欠工资问题近日已获妥善解决，首批回国的18名船员11日晚从秘鲁首都利马登机启程回国。
　　1月中旬，中国驻秘鲁大使馆领事部得知，在秘鲁西北部港口城市钦博特附近海域工作的一批中国籍船员工资拖欠近一年得不到解决，合同到期船员也没有被安排回国，船员多次联系国内派出部门解决未果。
　　这批滞留在秘鲁的中国船员共有52名，其中35人在“大满载”号冷冻加工船工作，其余36人分属6艘捕鱼船，年龄最小的船员只有20岁。（记者贾安平）
这批滞留在秘鲁的中国船员共有52名，其中35人在“大满载”号冷冻加工船工作，其余36人分属6艘捕鱼船，年龄最小的船员只有20岁。（记者贾安平）
原标题：中国船员在秘鲁被拖欠工资问题已妥善解决
　　在中国驻秘鲁大使馆的积极斡旋及青岛市外办等国内有关部门大力推动下，在秘鲁近海作业的51名中国船员长期被拖欠工资问题近日已获妥善解决，首批回国的18名船员11日晚从秘鲁首都利马登机启程回国。
　　1月中旬，中国驻秘鲁大使馆领事部得知，在秘鲁西北部港口城市钦博特附近海域工作的一批中国籍船员工资拖欠近一年得不到解决，合同到期船员也没有被安排回国，船员多次联系国内派出部门解决未果。
　　这批滞留在秘鲁的中国船员共有52名，其中35人在“大满载”号冷冻加工船工作，其余36人分属6艘捕鱼船，年龄最小的船员只有20岁。（记者贾安平）
原标题：中国船员在秘鲁被拖欠工资问题已妥善解决
　　在中国驻秘鲁大使馆的积极斡旋及青岛市外办等国内有关部门大力推动下，在秘鲁近海作业的51名中国船员长期被拖欠工资问题近日已获妥善解决，首批回国的18名船员11日晚从秘鲁首都利马登机启程回国。
　　1月中旬，中国驻秘鲁大使馆领事部得知，在秘鲁西北部港口城市钦博特附近海域工作的一批中国籍船员工资拖欠近一年得不到解决，合同到期船员也没有被安排回国，船员多次联系国内派出部门解决未果。
　　这批滞留在秘鲁的中国船员共有52名，其中35人在“大满载”号冷冻加工船工作，其余36人分属6艘捕鱼船，年龄最小的船员只有20岁。（记者贾安平）
		</div>
		</div>
	</body>
</html>